<%@ page contentType="text/html;charset=UTF-8" %>
<style type="text/css">

	* { margin:0;
		padding:0;
	}
	html {height: 100%;}
	body{
		position: relative;
		height: 100%;
	}
	.navboxMenu {
		position: relative;
		float: left;
	}
	ul.navMenu {
		list-style: none;
		display: block;
		width: 200px;
		position: relative;
		top: 100px;
		left: 100px;
		padding: 60px 0 60px 0;
		background: url(${ctxStatic}/images/shad2.png) no-repeat;
		-webkit-background-size: 50% 100%;
	}
	li {
		margin: 5px 0 0 0;
	}
	ul.navMenu li a {
		-webkit-transition: all 0.3s ease-out;
		color: #174867;
		padding: 7px 15px 7px 15px;
		width: 100px;
		height:40px;
		display: block;
		text-decoration: none;
		-webkit-box-shadow: 2px 2px 10px #888;
		background: #cbcbcb url(${ctxStatic}/images/border.png) no-repeat;
	}

	div.right {
		-webkit-transition: all 0.3s ease-out;
		color: #174867;
		padding: 7px 15px 7px 15px;
		width: 100px;
		height:35px;
		display: block;
		text-decoration: none;
		-webkit-box-shadow: 2px 2px 10px #888;
		background: #7e87e933 url(${ctxStatic}/images/border.png) no-repeat;
		position:relative;
		top:86px;
		text-align:center;
	}
	ul.navMenu li a:hover {
		color: #67a5cd;
		padding: 7px 15px 7px 30px;
	}
</style>
<script>
function showJsp(index) {
	$(".content > .menuIndex").hide();
	$("ul > li").addClass("active").siblings().removeClass("active");
	$("ul > li").eq(index).addClass("active");
	$('.leftNav,.iframeBox').show();
	$(".leftNav > .nav-2").eq(3).stop(true).show().siblings('.nav-2').stop(true).hide();
	$(".content > .index").hide();
	$(".nav li").eq(0).on('click',function(){
		$(".content > .index").show();
		$(".leftNav,.iframeBox").hide();
	})
	var obj = $(".nav-2").eq(index).find("dt")[1];
	dtOnclick(obj);
}

</script>
</head>
<body>
<div class="navboxMenu">
    <div class="right">样品管理</div>
    <ul class="navMenu">
        <li><a href="">样品需求</a></li>
        <li><a href="">样品生产</a></li>
    </ul>
</div>

<div class="navboxMenu">
	<div class="right">生产管理</div>
	<ul class="navMenu">
		<li><a href="">生产计划</a></li>
		<li><a href="">生产进度</a></li>
	</ul>
</div>

<div class="navboxMenu">
	<div class="right">质检管理</div>
	<ul class="navMenu">
		<li><a onclick="showJsp(3)"  href="${ctx}/customization/quality/" target="mainFrame">定制质检</a></li>
		<li><a >大货质检</a></li>
	</ul>
</div>
</body>
</html>